<mat-sidenav-container class="example-container" [class.myapp-dark-theme]="darkTheme">
  <mat-sidenav #sidenav mode="over" [(opened)]="opened">
    <app-sidebar (navToggleClick)="sidenav.toggle()" >Sidenav content</app-sidebar>
  </mat-sidenav>
  <mat-sidenav-content>
    <div class="site">
      <header>
        <app-header (Togger)="sidenav.toggle()" (togegerTheme)="switchTheme($event)"></app-header>
      </header>
      <main>
        <router-outlet></router-outlet>
      </main>
      <footer>
        <app-footer></app-footer>
      </footer>
    </div>

  </mat-sidenav-content>
</mat-sidenav-container>